
.box{ clear: both; margin: 0; padding: 60px 0 0 0; width: 100%; background: url("../img/stu_ly_bj1.jpg") no-repeat center -30px; background-color: #F0F0EE; height: auto;}
.box_con{ background: no-repeat fixed left bottom; background-size: 30% 50%;}
.box_con{ padding-bottom: 45px;}
.conten{ width: 1200px; margin: 0 auto;}
.position{ margin-top: 45px;}
.position a{ color: #FFCF4E;}


.res_upload{ background: rgba(255,255,255,0.5); margin-top: 35px; margin-bottom: 35px; padding: 20px 0; border: 1px solid #ccc;}
.res_upload .res_upload_left{ margin-left: 50px; border-right: 1px dashed #dfdfdf; width: 635px; }
.res_upload .res_upload_title{ color: #1f1f1f; line-height: 45px; height: 45px; border-bottom: 1px solid #FFD04E; font-size: 20px; width: 85px;}
.res_upload .res_upload_left ul{ margin-top: 27px;}
.res_upload .res_upload_left ul li{ clear: both; min-height: 67px; font-size: 16px; color: #3C3C3C;}
.res_upload .res_upload_left ul li .form_name{ display: block; width: 86px; line-height: 40px; height: 67px; text-align: right;}
.res_upload .res_upload_left ul li .form_input{ width: 511px; position: relative; padding-bottom: 15px;}
.res_upload .res_upload_left ul li .form_input_radio{ line-height: 40px;}
.res_upload .res_upload_left ul li .form_input input[type=text]{ width: 500px; background-color: #fff; padding-left: 10px; border: 1px solid #ccc; height: 38px; font-size: 16px;}
.res_upload .res_upload_left ul li .form_input input[type=file]{ opacity: 0;}
.res_upload .res_upload_left ul li .form_input .fileBtn{ position: absolute; top: 10px; right: -12px; display: inline-block;  margin-right: 2px;  width: 46px;  height: 38px;  background: url(../img/res_img8.jpg) no-repeat;  overflow: hidden;  cursor: pointer;}
.res_upload .res_upload_left ul li .form_input button{ width: 200px; height: 40px; line-height: 40px; font-size: 14px; cursor: pointer; color: #202020; text-align: center; background-color: #FFCF4E; border: none; border-radius: 3px; margin-left: 100px;}
.res_upload .res_upload_left ul li .read{ color: #7A7A7A; font-size: 14px; padding-top: 10px;}
.res_upload .res_upload_left ul li .read a{ color: #3DABF8;}
.form_input [type="radio"]{  display:none;  }
.form_input .radio_label{  display:inline-block;  position:relative;  background-color:#E8E8E8;  width:12px;  height:12px;  border-radius:100%;  border:1px solid #979797;  margin-right:10px;  cursor:pointer;  }
.form_input .radio_label:after{  content:'';  position:absolute;  left:2px;  top:2px;  width:6px;  height:6px;   border:1px solid #979797;  border-radius:50%;  }
.form_input [type="radio"]:checked + label{   transition:background-color .2s ease-in;  }
.form_input [type="radio"]:checked + label:after{ background-color:#3DABF6;  transform:scale(1);  transition:transform .2s ease-in;  }
.form_input .folder{ background-color: #F2F2F2; color: #555; margin-top: 2px; padding: 0 10px; line-height: 30px; height: 30px; font-size: 14px;}
.form_input .folder > a{ color: #3DABF8; margin-left: 10px; cursor: pointer;}
.form_input .folder .size{color:#888;}
.form_input .folder .upload_time{color:#888;}
.form_input .folder .speed{ position: relative; display: inline-block; border: 1px solid #3DABF8; width: 105px; height: 7px; margin: 0 5px;}
.form_input .folder .speed a{ width: 80%; background-color:#3DABF8; display: inline-block; position: absolute; height: 7px; }


.form_input .select{ width: 509px;  height:40px;  background-color:#fff; border: 1px solid #ccc;  font-size:16px;  margin:0 auto;  position:relative; }
.form_input .select:after{ content:'';  width:10px;  height:10px;  border-left:1px solid #292639;  border-bottom:1px solid #292639;  transform:rotate(-45deg);  position:absolute;  top:11px;  right:12px;  }
.form_input .select p{ color: #666;  padding:0 15px;  line-height:40px;  cursor:pointer;  overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis;  margin-right:15px;  }
.form_input .select ul{ margin: 0; list-style:none;  background-color:#fff;  overflow-y:auto;  position:absolute;  top:41px;  left:0;  width:100%;  max-height:0;  transition:all .3s ease-out; z-index: 10;  }
.form_input .select ul li{  padding:0 15px;  cursor:pointer;  line-height:40px; height: 40px;  min-height: 0; }
.form_input .select ul li:hover{  background-color:#eee;  }
.form_input .select ul li.selected{  background-color:#0CF; color:#fff;  }
.form_input .select.open ul{  max-height:250px;  transition:all .3s ease-out;  }
.form_input .select.open:after{  transform:rotate(-225deg);  top:18px;  right:12px;  transition:all .3s ease-in;  }


.res_upload .res_upload_right{ margin: 90px 43px 30px; width: 422px;}
.res_upload .res_upload_right .res_upload_right_title{ color: #313234; font-size: 14px; line-height: 26px; height: 26px;}
.res_upload .res_upload_right > p{ color:#7B7B7B; line-height: 30px; font-size: 12px;}
.res_upload .res_upload_right .upload_info{ margin-top: 10px; background-color: #F2F2F2; border: 1px solid #dfdfdf; padding: 11px; border-radius: 10px;}
.res_upload .res_upload_right .upload_info>p{ line-height: 22px; color: #7A7A7A; font-size: 12px;}

